<div class="panel-header">
    <i/>待处理告警
    <div more-link="more.link" ng-if="more&&more.enabled!==false">{{more.text||'更多'}}</div>
</div>
<div class="panel-content">
    <div class="pure-g">
        <div class="pure-u-1-3"
             ng-repeat="eventClass in eventClasses|limitTo: 3">
            <div style="height: 40px; text-align: center; color: #ffffff; padding: 5px;"
                 ng-style="{backgroundColor:eventColors[eventClass.id]}">
                <p style="margin: 0px; font-size: 12px; color: #dddddd;">{{eventClass.name}}</p>
                <a style="margin: 0px; font-size: 20px; color: #ffffff; text-decoration: none;"
                   href="javascript:;"
                   onclick="return false;"
                   ng-click="openAlarmList(eventClass)">
                    {{eventCounts[eventClass.id]||0}}
                </a>
            </div>
        </div>
    </div>
    <div class="pure-g"
         style="margin-top: 5px;">
        <div ng-repeat="event in eventList|limitTo : 6"
             class="pure-u-1 event"
             title="【{{eventClassMap[event.EVENT_CLASS]}}】{{event.EVENT_TITLE}}"
             ng-mouseenter="eventList._current=$index;"
             ng-click="openAlarmDetail(event)">
            <div style="padding-right: 50px; white-space: nowrap;overflow: hidden;text-overflow:ellipsis;">
                <i class="icon"
                   title="{{eventClassMap[event.EVENT_CLASS]}}"
                   ng-style="{backgroundColor:eventColors[event.EVENT_CLASS]}"></i>
                <span style="white-space: nowrap;overflow: hidden">{{event.EVENT_TITLE}}</span>
            </div>
            <div class="event-time"
                 title="{{event.GENERANT_TIME}}">
                {{event.GENERANT_TIME|moment:'fromNow'}}
            </div>
        </div>
        <div class="pure-u-1"
             ng-if="eventList.length==0"
             style="line-height: 100px; text-align: center">
            <i class="fa fa-thumbs-o-up"></i> 您没有需要处理的告警
        </div>
        <div> <button>set name to tom tom tom</button> </div>
    </div>

</div>